/**
 * Stylesheet dedicated to the skinning of the gallery category of the application's design. 
 * It defines the look and feel properties like colors, border colors, background images. 
 * This idea is the one used by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */
 
/* Border color hexa code related to this category */
.galleryCategoryBorderColor{
	border-color: #c19100 !important;
}

/* Color hexa code related to this category */
.galleryCategoryColor, 
.galleryCategoryHoverColor:hover, 
.galleryCategoryTabColor>h3[class *="ui-state-active"]>a,
.galleryCategoryColor span[class*="ui-panel-title"]{
	color: #c19100 !important;
}

/* Background for actives or highlited items of this category */
.galleryCategoryBackground .ui-state-active, .galleryCategoryBackground[class*="ui-state-active"]{
	background: #ffffff;
	background: linear-gradient(to bottom, #ffffff 0%, #fff9e8 50%, #fff6db 51%, #ffffff 100%)!important;
	background: -moz-linear-gradient(top, #ffffff 0%, #fff9e8 50%, #fff6db 51%, #ffffff 100%)!important;
	background: -o-linear-gradient(top, #ffffff 0%, #fff9e8 50%, #fff6db 51%, #ffffff 100%)!important;
	background: -ms-linear-gradient(top, #ffffff 0%, #fff9e8 50%, #fff6db 51%, #ffffff 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #fff9e8), color-stop(51%, #fff6db), color-stop(100%, #ffffff) )!important;
	background: -webkit-linear-gradient(top, #ffffff 0%, #fff9e8 50%, #fff6db 51%, #ffffff 100%)!important;
}

/* Icon sprite for this category */
.galleryCategoryIconSprite{
	background-image: url('../icons/ui-icons_gallery_256x240.png') !important;
}

/* Disabled components for this category */
.galleryCategoryDataGridColor .ui-state-disabled,
.galleryCategoryTabColor .ui-state-disabled{
	background: none;
}
